import { useRef } from "react"

export default function Child1(props) {
    const inputRef = useRef(null)
    const { setList } = props
    const handler = () => {
        const value = inputRef.current.value
        setList((list) => [...list, value]) // 注意：这里是使用函数形式更新状态，而不是直接传递一个新的数组 (list)
    }
    return (
        <div className="hd">
            <input type="text" ref={inputRef} />
            <button onClick={handler}>确认</button>
        </div>
    )
}